<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/reset.css" media="screen" title="no title" charset="utf-8">
        <link rel="stylesheet" href="css/header.css" media="screen" title="no title" charset="utf-8">
        <link rel="stylesheet" href="lib/bootstrap.min.css" media="screen" title="no title" charset="utf-8">
        <title>疯咖主页</title>
    </head>
    <body>
        <!-- 头部 -->
        <div id="header">
            <div class="header_content">
                <!-- 图标 -->
                <div class="header_container">
                    <div class="header_loge">
                        <img src="img/logo1.png" alt="" />
                    </div>
                </div>
                <!-- 导航 -->
                <div class="header_nav">
                    <div class="ens">
                        <em></em><em></em><em></em>
                    </div>
                    <div class="header_mainbav">
                        <ul>
                            <li class="header_about">
                                <a href="#">
                                    关于疯咖
                                </a>
                            </li>
                            <li class="header_sweep">
                                <a href="#">
                                    扫码关注
                                </a>
                                <span class="dcode">
                                    <img src="img/dcode.png" alt="" />
                                </span>
                            </li>
                            <li class="header_spot">
                                <a href="#">
                                    点单流程
                                </a>
                            </li>
                            <li class="header_product">
                                <a href="#">
                                    产品
                                </a>
                            </li>
                            <li class="header_activity">
                                <a href="#">
                                    活动
                                </a>
                            </li>
                            <li class="header_join">
                                <a href="#">
                                    加入
                                </a>
                                <div class="jh">
                                    <div class="s1">
                                    </div>
                                    <span class="hz"><a href="#">合作加盟</a></span>
                                    <span class="jr"><a href="#">加入我们</a></span>
                                </div>
                            </li>
                            <li class="header_relation">
                                <a href="#">
                                    联系
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 轮播图 -->
        <div id="Shuffling">
            <div class="Shuffling_box">
                <div id="slide-wrapper" class="carousel slide">
                    <!-- 轮播（Carousel）指标 -->
                    <ol class="carousel-indicators">
                        <li data-target="#slide-wrapper" data-slide-to="0"  class="active"></li>
                         <li data-target="#slide-wrapper" data-slide-to="1"></li>
                	</ol>
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="img/5641ace6b529f.jpg" alt="" />
                        </div>
                        <div class="item">
                            <img src="img/5641acf92d98c.jpg" alt="" />
                        </div>
                    </div>
                    <!-- 轮播（Carousel）导航 -->
                    <a class="carousel-control left pos-relative" href="#slide-wrapper"data-slide="prev">
                        <img class="center" src="img/glarrow.png" alt="">
                        <span class="sr-only">Previous</span> </a>
                    <a class="carousel-control right pos-relative" href="#slide-wrapper"data-slide="next">
                        <img class="center" src="img/grarrow.png" alt="">
                         <span class="sr-only">Previous</span>
                    </a>
                </div>
            </div>
        </div>
        <!-- 图片 -->
        <div id="slogan">
            <div class="slogan_box">
                <img src="img/slogan.png" alt="" />
            </div>
        </div>
        <!-- 轮播图 -->
        <div id="exhibits">

        </div>







    </body>
    <script src="lib/jquery-2.2.3.min.js"></script>
    <script src="lib/bootstrap.min.js" charset="utf-8"></script>
    <script src="js/header.js" charset="utf-8"></script>
</html>
